<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">

    <title>帮助与反馈</title>
    <!-- 引入字体图标 -->
    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="./css/Homepage.css">
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">

    <script src="./js/vue.js"></script>
    <script src="./js/axios-0.18.0.js"></script>

    <!--<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>-->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <!--<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>-->
</head>
<style>
    .el-collapse-item__content{
        background: #eae8f2;
        font-size: 14px;
        color: #a262ad;
    }
    .el-collapse-item__header{
        background: #eae8f2;
        font-size: 14px;
        color: #a262ad;
    }
</style>
<body>
<div class="navbar" style=" background: #eae8f2;">
    <input type="checkbox" id="checkbox">
    <label for="checkbox" class="titleLabel">
        <i class="fa fa-bars" aria-hidden="true">
                &nbsp;&nbsp;帮助与反馈
        </i>
    </label>
    <ul>
        <div  style="position: relative; top: 100%; transform: translate(0, -100%)">
            <li onclick="Logout()">
                <a href="javascript:void(0)">
                    <i class="fa fa-sign-out" aria-hidden="true" style="transform: rotate(180deg)"></i>
                    <div>返回</div>
                </a>
            </li>
            <li onclick="Customer()">
                <a href="User-Chat-Page.html">
                    <i class="fa fa-comments" aria-hidden="true" style="transform: rotate(0deg)"></i>
                    <div>客服中心</div>
                </a>
            </li>
        </div>

    </ul>
    <div id="url" style="margin-top: 10%;margin-left: 30%">
        <table v-for="(brand,index) in brands" style="width: 600px">
            <tr >
                <td >
                    <el-collapse v-model="index" accordion class="el-collapse">
                        <el-collapse-item  :title="brand.ad_issue" class="el-collapse-item" >
                            <div style="border-top: 1px solid gainsboro">{{brand.ad_answer}}</div>
                        </el-collapse-item>
                    </el-collapse>
                </td>
            </tr>
        </table>
    </div>


</div>
</body>
<script>
    function Logout() {
        window.location.href = "/MillionYuan/User-visitor-Page.html";
    }
    function Customer() {
        window.location.href="";
    }
</script>
<script>
    new Vue({
        el:"#url",
        data() {
            return {
                activeName:[] ,
                brands: []
            };
        },
        mounted() {
            var _this = this;
            // 页面加载完成后，发送异步请求，查询数据
            axios({
                method: "get",
                url: "/MillionYuan/helpServlet"
            }).then(function(resp) {
                _this.brands = resp.data;
            })
        }
    })
</script>
</html>